﻿/********************************
	Common
********************************/
*{ margin:0; padding:0;}

body 
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	background-color:Black;
	color:#F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

a
{
	color:#FF9900;
}

a:hover
{
	color:#FFCC00;
}

.biglink
{
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
}

.opacity a div
{ 
	text-decoration:none; 
	opacity:.100;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.00;
}

.opacity a:hover div
{
	opacity:.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60;
}

.modalBackground
{
	opacity:.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60;
	background-color:Gray;
}

.header-text
{
	background-color:#DE8F25;
	font-size:14px;
	padding:5px;
	border:solid 3px #666666;
	font-weight:bold;
	width:100%;
	text-align:center;
}

.header-text2
{
	font-size:12px;
	color:Orange;
	font-weight:bold;
	text-transform:uppercase;
}

.subheader-text
{
	background-color:#666666;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:3px;
}

.label-text
{
	font-size:11px;
}

.button
{
	background-color:#666666;
	border:solid 1px orange;
	border-collapse:collapse;
	color:White;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.container
{
	margin:20px 0px 20px 20px;
}

.field-message-fail
{
	border:solid 1px red;
	padding:2px;
	color:Red;
}

.field-message-success
{
	border:solid 1px green;
	padding:2px;
	color:Lime;
}

.field-message-init
{
	border:none;
	color:White;
}

.pager-area
{
	text-align:center;
	margin:5px 0px;
}

.highlighted-text
{
	color:Orange;
	font-weight:bold;
	font-size:12px;
}

.text-type1
{
	color:#66CCFF;
}

.text-type2
{
	color:Orange;
}

.page-index
{
	width:24px;
	height:24px;
	background-image:url(../image/page_back.jpg);
	color:#742F01;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
}

.page-index:hover
{
	color:#986D16;
}

.page-index-selected
{
	width:24px;
	height:24px;
	background-image:url(../image/page_back_selected.jpg);
	color:#742F01;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
}

.page-index-selected:hover
{
	color:#986D16;
}

.big-font
{
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
}

.box
{
	border:solid 1px #666666;
}

li
{
	list-style-position:inside;
}

.just-list
{
	list-style-type:none;
}

/********************************
	Public Master
********************************/

.page
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../image/back.jpg);
	background-repeat:repeat-y;
}

.header
{
	width:940px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../image/header.jpg);
}

.menu, .footer-menu
{
	height:33px;
	width:940px;	
	margin-left:auto;
	margin-right:auto;
	background-color:#242424;
}

.menu .menutext a, .footer-menu .footer-menutext a
{
	color:#444444;
	font-size:14px;	
	text-decoration:none;
	font-weight:bold;
}

.menu .menutext a:hover, .footer-menu .footer-menutext a:hover
{
	color:Black;
	font-size:14px;	
	text-decoration:underline;
}

.menu-left, .footer-menu-left
{
	background-image:url(../image/menu_left.jpg);
	width:20px;
	height:33px;
	text-align:left;
	background-repeat:no-repeat;
}

.menu-right, .footer-menu-right
{
	background-image:url(../image/menu_right.jpg);
	width:20px;
	height:33px;
	text-align:right;
	background-repeat:no-repeat;
}

.site-path
{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	padding:2px 5px;
	height:20px;	
	vertical-align:middle;
	line-height:20px;
	background-color:#242424;
}

.content
{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	background-color:#242424;
}

.left
{
	width:70%;
}

.right
{
	width:30%;
	border:solid 3px #666666;
}

.footer
{
	width:940px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	background-color:#242424;
}

.footer-copyright
{
	padding:10px 0px;
	text-align:center;
}

/********************************
	Top Menu 
********************************/
.menu-back , .footer-menu-back
{
	background-image:url(../image/menu_mid.jpg);
	height:33px;
	background-repeat:repeat-x;
}

/********************************
	Login page
********************************/
.login-box
{
	width:400px;
	background-color:#111111;
	border:solid 2px #333333;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}

/********************************
	Admin Login page
********************************/
.admin-login-box
{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
}

.admin-login-input
{
	position:absolute;
	top:125px;
	right:39px;
}

.admin-login-title
{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
}

.admin-login-username
{
	background-image:url(../image/admin-login-tbx-back.jpg);
	border-collapse:collapse;
	height:32px;
	line-height:25px;
	vertical-align:middle;
	border:none;
	width:100%;
}

.admin-login-password
{
	background-image:url(../image/admin-login-tbx-back.jpg);
	border:none;
	border-collapse:collapse;
	height:32px;
	line-height:25px;
	vertical-align:middle;
	width:100%;
}

/********************************
	Register page
********************************/
.register-box
{
	width:600px;
	background-color:#111111;
	border:solid 2px #333333;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}

/********************************
	Registration Confrim page
********************************/
.confirm-box
{
	width:400px;
	background-color:#111111;
	border:solid 2px #333333;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}

/********************************
	Default page
********************************/
.flash-banner
{
	width:100%;
	height:200px;
	background-color:Black;
}

.announcement-area, .news-area
{
	width:100%;
}

.news-area
{
	margin-top:20px;
}

.announcement-head
{
	width:98%;
	height:42px;
	font-size:12px;
	background-image:url(../image/subheader2_mid.jpg);
	text-transform:uppercase;
	font-weight:bold;
	margin:7px;
}

.news-head
{
	width:98%;
	height:42px;
	font-size:12px;
	background-image:url(../image/subheader_mid.jpg);
	text-transform:uppercase;
	font-weight:bold;
	margin:7px;
}

.section-head
{
	width:98%;
	height:42px;
	font-size:12px;
	background-image:url(../image/subheader_mid.jpg);
	text-transform:uppercase;
	font-weight:bold;
	margin:7px;
}

.announcement-title, .news-title, .section-title
{
	padding:4px 0px;
	font-size:13px;
	padding-left:3px;
}

.announcement-title a
{
	color:Orange;
	font-size:large;
}

.news-title a
{
	color:#5395F7;
	font-size:large;
}

.section-title a
{
	color:Orange;
	font-size:large;
}

.announcement-title a:hover
{
	color:#FFCC00;
}

.news-title a:hover
{
	color:#00CCFF;
}

.section-title a:hover
{
	color:#333333;
}

.announcement-item, .news-item, .section-item
{
	width:97%;
	margin-left:auto;
	margin-right:auto;
}

.announcement-seperator, .news-seperator, .section-seperator
{
	height:10px;
	width:100%;
}

.announcement-footer, .news-footer, .section-footer
{
	background-color:#242424;
	width:100%;
	text-align:right;
}

.sub-head-left
{
	background-image:url(../image/subheader_left.jpg);
	width:17px;
	height:42px;
	text-align:left;
	background-repeat:no-repeat;
}

.sub-head-right
{
	background-image:url(../image/subheader_right.jpg);
	width:17px;
	height:42px;
	text-align:right;
	background-repeat:no-repeat;
}

.sub-head-left2
{
	background-image:url(../image/subheader2_left.jpg);
	width:17px;
	height:42px;
	text-align:left;
	background-repeat:no-repeat;
}

.sub-head-right2
{
	background-image:url(../image/subheader2_right.jpg);
	width:17px;
	height:42px;
	text-align:right;
	background-repeat:no-repeat;
}

.sub-head-left3
{
	background-image:url(../image/subheader_left.jpg);
	width:17px;
	height:42px;
	text-align:left;
	background-repeat:no-repeat;
}

.sub-head-right3
{
	background-image:url(../image/subheader_right.jpg);
	width:17px;
	height:42px;
	text-align:right;
	background-repeat:no-repeat;
}

/********************************
	Rounded Section
********************************/
.rounded_left_top
{
	background-image:url(../image/post_area_left_top.jpg);
	width:20px;
	height:20px;
	background-repeat:no-repeat;
}

.rounded_top
{
	background-image:url(../image/post_area_top.jpg);
	width:94%;
	height:20px;
	background-repeat:repeat-x;
}

.rounded_right_top
{
	background-image:url(../image/post_area_right_top.jpg);
	width:20px;
	height:20px;
	background-repeat:no-repeat;
}

.rounded_left
{
	background-image:url(../image/post_area_left.jpg);
	width:1px;
	height:100%;
	background-repeat:repeat-y;
}

.rounded_right
{
	background-image:url(../image/post_area_right.jpg);
	width:1px;
	height:100%;
	background-repeat:repeat-y;
}

.rounded_right_bottom
{
	background-image:url(../image/post_area_right_bottom.jpg);
	width:20px;
	height:20px;
	background-repeat:no-repeat;
}

.rounded_bottom
{
	background-image:url(../image/post_area_bottom.jpg);
	width:94%;
	height:1px;
	background-repeat:repeat-x;
}

.rounded_left_bottom
{
	background-image:url(../image/post_area_left_bottom.jpg);
	width:20px;
	height:20px;
	background-repeat:no-repeat;
}

/********************************
	Member Master page
********************************/
.member-main-area
{
	background-color:#1e1e1e;
}

/********************************
	Member Profile page
********************************/

.earth-color, .fire-color, .wind-color, .life-color, .spirit-color, .water-color
{
	font-weight:bold;
}

.earth-color
{
	color:#e5b36c;
}

.fire-color
{
	color:#c24a49;
}

.wind-color
{
	color:#96b0c1;
}

.water-color
{
	color:#1b78e0;
}

.life-color
{
	color:#3ea82e;
}

.spirit-color
{
	color:#c94ee5;
}
.member-id
{
	font-size:14px;
	font-weight:bold;
	color:#EAB726;
}

.user-name
{
	font-size:14px;
	font-weight:bold;
	color:#EAB726;
}

.profile-image-box
{
	width:250px;
	text-align:center;
	vertical-align:top;
	border:solid 7px #000000;
}

.small-label
{
	color:#8b8b8b;
	font-weight:bold;
	text-align:right;
	font-size:11px;
}

.large-label
{
	color:#FFD68F;
	font-weight:bold;
	font-size:12px;
}

.profile-menu-links
{
	color:#FFD68F;
	font-weight:bold;
	font-size:11px;
}

.profile-textbox
{
	background-color:#5F5F5F;
	border:solid 3px black;
	border-collapse:collapse;
	color:#cfcfcf;
}

.profile-textarea
{
	background-color:#111111;
	border:solid 1px #5F5F5F;
	border-collapse:collapse;
	color:#cfcfcf;
	overflow:auto;
}

.profile-textbox
{
	height:20px;
	width:300px;
}

.drag_header
{
	cursor:move;	
	background-color:gray;
	padding:5px;
	font-weight:bold;
}

.profile-upload-button
{
	background-color:Black;
	border:none;
	color:#CFCFCF;	
	padding:2px;
	border:solid 1px #636363;	
	font-size:10px;
	cursor:pointer;
}

.image_upload_area
{
	width:300px;
	height:200px;	
	padding:1px 2px;
	background-color:Black;
	border:solid 5px #666666;
}

.profile-menu li
{
	margin-bottom:8px;
}

.round-area-background
{
	background-color:#3f3e3e;
}

.game-style-dropdown
{
	border-collapse:collapse;
	border:solid 1px #636363;
	font-size:11px;
	background-color:#000000;
	color:White;
}

/* Custom Styles */

.PostTitle
{
	font-size:12px;
	font-weight:bold;
	color:#F8DF37;
}

.PostSub
{
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
}
.PostCategory
{
	width:100%;
	height:29px;
	font-size:12px;
	background-color:#CE600E;
	text-transform:uppercase;
	font-weight:bold;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
}

.Seperator
{
	width:100%;
	height:35px;
	padding-left:5px;
	background-color:#444444;
	
}

.PostButton
{
	background-color:#CE600E;
	border:solid 1px orange;
	border-collapse:collapse;
	color:White;
	padding:2px;
	font-weight:bold;
	width:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.PostButton
{
	background-color:#CE600E;
	border:solid 1px orange;
	border-collapse:collapse;
	color:White;
	padding:2px;
	font-weight:bold;
	width:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.StartTopic
{
	background-color:#3B3B3B;
	border:solid 1px #5F5F5F;
	border-collapse:collapse;
	color:White;
	font-weight:bold;
}


.ErrorSummary
{
	color:red;
	font-size:15px;
	font-weight:bold;
}


.CommonHeaderBackground
{
	width:100%;
	height:29px;
	font-size:12px;
	background-color:#CE600E;
	text-transform:uppercase;
	font-weight:bold;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
}
.Navigation
{
	font-weight:bold;
	color:#F8DF37;
}

.quote {
margin: 0;
float: left;
font-size:125%;
font-style:italic;
color:Gray;
width:80%;
align:center;
}

.myBox
{
    margin: 0 auto;
    width: 90%;
    padding: 20px;
    text-align: left;
    border:5px solid #000;
    overflow:auto;
    background-color:#303030;
    
}

.button
{
	border-collapse:collapse;
	border:solid 2px #999999;
	background-color: #222222;
	color:White;	
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	padding:2px 5px;
	
}
.Send_Private_Message
{
    
    background-color: Black; 
    border: solid 1px #8F9394;
   overflow: hidden; 
   height: 210px; 
   width: 500px; 
   text-align: left; 
   padding: 10px 10px 10px 10px;
}

.Quick_Reply
{
    
   background-color: Black; 
   border: solid 1px #8F9394;
   overflow: hidden; 
   height: 300px; 
   width: 500px; 
   text-align: left; 
   padding: 10px 10px 10px 10px;
   
  
}

.Send_Private_Message_Background
{
    opacity:.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60;
	background-color:Black;
}

.wallpaper_list
{
	text-align:center;
	margin:10px;
}

/*Mail Box CSS*/

.MailRead
{
	background-color:#222222;
	color:#FFE538;
}
.MailUnread
{
	background-color:#151515;
	color:#F9A02C;
}
/*Mail Box CSS End*/


.OrangeTitle
{
	width:100%;
	height:29px;
	font-size:12px;
	background-color:#CE600E;
	text-transform:uppercase;
	font-weight:bold;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	padding-left:5px;
}

/********************************
	Announcement Detail page
********************************/
.post_date
{
	background-image:url(../image/posted.jpg);
	width:96px;
	height:21px;
	padding-left:20px;
	padding-right:10px;
	padding-top:4px;
}

.update_date
{
	background-image:url(../image/updated.jpg);
	width:96px;
	height:21px;
	padding-left:20px;
	padding-right:10px;
	padding-top:4px;
	color:#C67700;
}

.content_detail
{
	width:97%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;	
}

/********************************
	Contact page
********************************/
.contact_form
{
	margin-left:auto;
	margin-right:auto;
}